<template>
	<view class="page">
		<view class="head">
			<u-row customStyle="padding:10rpx">
				<u-col span="6" align="center" justify="center">
					<view class="" style="font-weight: 800;">
						公司简介
					</view>
				</u-col>
				<u-col span="6" align="center" justify="space-between">
					<view class="donghua">
						<u-button type="error" shape="circle" text="公司艺术品交流中心"></u-button>
					</view>
				</u-col>
			</u-row>
		</view>
		<!-- 分割线 -->
		<u-divider text="分割线" :dot="true" customStyle="margin:0;padding:0 10rpx"></u-divider>
		<view class="">
			周一文化传媒有限公司
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.page {
		background-color: #fff;
		position: fixed;
		top: 20rpx;
		right: 40rpx;
		left: 40rpx;
		bottom: 0;
		border: #fff solid 2rpx;
		border-radius: 10rpx 10rpx 0 0;
	}

	.donghua {

		width: 90%;
		transform: scale(1);
		/* 初始缩放为1（100%大小） */
		animation: pulse 3s ease-in-out infinite;
		/* 应用动画，持续时间为5秒，无限循环 */
	}

	/* 定义动画关键帧 */
	@keyframes pulse {

		0%,
		100% {
			transform: scale(1.1);
			/* 开始和结束时大小为100% */
		}

		25% {
			transform: scale(0.9);
			/* 缩小到50% */
		}

		50% {
			transform: scale(1.1);
			/* 放大到100% */
		}

		75% {
			transform: scale(0.9);
			/* 再次缩小到50% */
		}
	}
</style>